/*!
 * Overwrite Bootstrap
 */
@font-face {
  font-family: "Interstate";
  src: url('../resources/fonts/Interstate/Interstate-Regular.woff') format('woff'), 
       url('../resources/fonts/Interstate/Interstate-Regular.svg?#Interstate') format('svg');  
}
html, body {
    -ms-overflow-style: scrollbar;
}
input[type="password"]::-ms-clear,
input[type="text"]::-ms-clear{
	display: none;
}
input[type="password"]::-ms-reveal,
input[type="text"]::-ms-reveal{
	display: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{  /* chrome */
    -webkit-appearance: none!important;  
}
input[type="number"]{
	-moz-appearance:textfield; /*Firefox*/
}
a {
	color:#007BC2;
}

a:hover {
	color:#53B1EE;
}

.app pre {
	background-color: transparent;
	border: 0;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	word-break: normal;
	font-family: Interstate, Arial, sans-serif;
}

.app .tab-content .tab-pane {
	padding-top: 15px;
}
.app label {
    font-weight: normal;
    color: rgba(114, 114, 114, 0.8);
    font-size: 14px;
}

.app .tooltip {
	z-index: 1500;
}
.app [role="columnheader"].sortable [role="button"] {
  cursor: pointer;
  color: #002d72;
}
.app [role="columnheader"]:not(.sortable) [role="button"] {
  cursor: auto;
  color: #002d72;
}
.app .btn:not(.btn-xs) {
	padding-left: 30px;
 	padding-right: 30px;
	min-height: 36px;
}
.app .btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.input-sm):not(.icon):not(.btn-icon) {
	padding-left: 30px;
 	padding-right: 30px;
 	min-height: 36px;
 	max-height: 36px;
	min-width: 120px;
}
.app .input-sm:not(.btn-xs) {
	padding: 5px 5px;
	min-height: 36px;
	border-radius: 4px;
	font-size: 14px;
}
.app .paginationBar .pagination .input-sm:not(.btn-xs) {
    min-height: 26px;
    line-height: 13px;
}

.app .form-control,
.app .form-control:focus,
.app .has-success .form-control,
.app .has-success .form-control:focus,
.app .has-warning .form-control,
.app .has-warning .form-control:focus,
.app .has-error .form-control,
.app .has-error .form-control:focus,
.app .btn.active,
.app .btn-group.open .dropdown-toggle,
.app .btn-group.open .dropdown-toggle.btn-link,
.app .navbar-collapse,
.app .navbar-form,
.app .progress,
.app .progress-bar,
.app .panel,
.app .well,
.app .modal-content,
.app .popover {
 	-webkit-box-shadow: none !important;
            box-shadow: none !important;
 }
.app .form-control {
  -webkit-transition: border-color ease-in-out, -webkit-box-shadow ease-in-out;
  -o-transition: border-color ease-in-out, box-shadow ease-in-out;
  transition: border-color ease-in-out, box-shadow ease-in-out;
}
.app .btn:focus,
.app .btn:active:focus,
.app .btn.active:focus,
.app .btn.focus,
.app .btn:active.focus,
.app .btn.active.focus,
.app a:focus,
.app input[type="file"]:focus{
  outline: none;
}

.app .has-error .fsDatetime>.input-group>.input-group-btn>.btn,
.app .has-error .fsDate>.input-group>.input-group-btn>.btn,
.app .has-error .input-group>.input-group-btn>.btn,
.app .has-error .range-label.focus {
	border-color: #ef2b49 !important;
	background-color: #fcf3fc;
}

.app .input-group-btn>.btn {
	border-left: 0;
	box-shadow: none;
}
.app .input-group-btn>.btn[disabled],
.app .input-group-btn>.btn[readonly] {
  background-color: #edf4f9;
}

.app .input-group-btn>.btn {
  background-color: #fff;
}

.app .input-group-btn>.btn.readonly {
  background-color: #edf4f9;
}

.app .input-group-btn>.btn,
.app .input-group-btn>.btn:focus,
.app .input-group-btn>.btn.focus,
.app .input-group-btn>.btn:hover,
.app .input-group-btn>.btn:active,
.app .input-group-btn>.btn.active {
  border-color: #c4cdd5;
  border-left: 0 !important;
  background-image: none !important;
  box-shadow: none;
}
.app .input-group-btn>.btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}

.app .input-group > input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}

.app .input-group .form-control:not(:last-child) {
	border-right: 0;
	border-top-right-radius: 0;
  	border-bottom-right-radius: 0;
  	box-shadow: none;
}

.app .input-group > input.focus,
.app .input-group-btn>.btn.focus {
	border-color: #53b1ee;
}

.app .has-error .input-group > input.focus {
	background-color: #fff;
}
.app .has-error .input-group > input.focus,
.app .has-error  .input-group-btn>.btn.focus {
	border-color: #ef2b49;
}
.app .app-content-header .navbar-brand {
	line-height: normal !important;
	height: auto !important;
}

.app .app-content-header.navbar-default .navbar-header a.navbar-brand:hover,
.app .app-content-header.navbar-default .navbar-header a.navbar-brand:focus
	{
	background-color: inherit !important;
}

.app .breadcrumb > li + li:before {
  content: ">";
  padding: 0 5px;
  color: #777777;
}

.app .pagination .form-control {
	display: inline-block;
}

.app .dropdown-menu:not(.uib-datepicker-popup) > li:last-child{
	padding-bottom: 8px;
}
.app .dropdown-menu:not(.uib-datepicker-popup) > li:first-child {
	padding-top: 8px;
}
.app .dropdown-menu:not(.uib-datepicker-popup) > li:first-child ,{
	padding-right: 12px;
}
.app .dropdown-menu:not(.uib-datepicker-popup) > li > a {
	min-height: 28px;
	font-size: 14px;
	color: #282828;
}
.app .dropdown-menu:not(.uib-datepicker-popup) > li > a.hover,
.app .dropdown-menu:not(.uib-datepicker-popup) > li > a:hover, 
.app .dropdown-menu:not(.uib-datepicker-popup) > li > a.focus {
  text-decoration: none;
  background-color:rgba(0,45,114, 0.1);
}
.app .dropdown-menu:not(.uib-datepicker-popup) > li.active > a:not(:hover),
.app .dropdown-menu:not(.uib-datepicker-popup)  li > a.selected:not(:hover) {
  text-decoration: none;
  color: #ffffff;
  background-color:#007bc2;
}
.app .dropdown-menu > li:not(:first-child) > .dropdown-menu {
	top: -8px;
}

.app .panel {
	border: 0;
}


.app .panel .panel-heading {
	border-bottom: 0;
}

.app .panel .panel-footer {
	background-color: transparent;
}

.app .panel-default .panel-heading {
	font-size: 18px;
	color: #53565a;
	font-weight: bold;
}
.app .panel-default .panel-heading.cm-table-title{
	font-size: 14px;
	padding-top:15px;
}

.app .panel .panel-heading .navbar .btn-default,
.app .panel .panel-heading .navbar .btn-icon {
    line-height: 28px;
    min-height: 30px;
}

.app .panel .panel-heading .navbar h5 {
    line-height: 8px;
}

.app .panel .panel-heading .navbar .input-sm {
	padding: 5px 4px 8px 8px;
	min-height: 30px;
	line-height: normal;
}

.app .panel .panel-heading .navbar .icon-down {
    line-height: 20px;
    vertical-align: top;
}

.app .panel .panel-group {
	margin-bottom: 0px;
}
/*! Menubar Style begin */
.app-content-header.menu-curtain span,
.app-content-header .navbar-nav>li>a {
  border-left: 4px solid #002e72;
}
.app-content-header .navbar-nav>li.current > a,
.app-content-header .navbar-nav>li > a:focus,
.app-content-header .navbar-nav>li > a:hover {
  border-left: 4px solid #fff;
  color: rgba(255,255,255,0.5);
}
.app .app-content-header.navbar-nav .open .dropdown-menu>li>a,
.app .app-content-header.navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px;
}

.app .app-content-header.navbar-default .navbar-nav > li > a {
  word-break: keep-all;
}

.app .app-content-header.navbar-default .navbar-nav > li .icon {
	font-size: 21px;
}

.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #262626;
}

.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #ffffff;
	background-color: #53B1EE;
}

.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.app .app-content-header.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
	color: #ffffff;
	background-color: #53B1EE;
}
.app .subMenu .page-header {
    margin: 0 0 16px 0;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	background-color: #fff;
}
/*! Menubar Style end */
/*! Dialog Style Begin */
.app .modal {
    top: -10000px;
	bottom: auto;
	left: auto;
	right: auto;
	border-radius: 4px;
	-webkit-box-shadow:2px 4px 20px 2px rgba(0, 45, 114, 0.2);
	box-shadow: 2px 4px 20px 2px rgba(0, 45, 114, 0.2);
}

.app .modal-dialog {
	margin: 0;
}

.app .modal-dialog:not(.modal-sm):not(.modal-lg) {
	width: auto;
}

.app .modal-content {
	border: 0;
}

.app .modal-content {
	border: 0;
}
.app .modal-content .modal-header {
	padding: 5px 15px;
	border: 1px solid rgba(0,0,0,0.1);
	font-size: 18px;
	font-weight: 500;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.app .modal-content .modal-body.panel {
	margin-bottom: 0; 
	border-left : 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	border-radius: 0;
	background-color: #edf4f7;
}
/*cover messageDialog and confirmdialog background color*/
.app .modal-content .messageDialog .modal-body.panel,
.app .modal-content .confirmDialog .modal-body.panel {
	margin-bottom: 0; 
	border-left : 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	border-radius: 0;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 0px;
}
/*adjust line height for messageDialog and confirmDialog*/
.app .modal-content .messageDialog .modal-body.panel .list-unstyled,
.app .modal-content .confirmDialog .modal-body.panel .list-unstyled{
    padding-left: 0;
  	list-style: none;
  	line-height: 20px;
}
.app .modal-content .modal-body.panel fs-buttons > .panel {
	background-color: #edf4f7;
}
.app .modal-content .modal-body.panel fs-buttons > .panel .panel-heading {
	padding-left:0;
	padding-right:0;
	background-color: #edf4f7;
}
.app .modal-content .modal-body.panel fs-buttons.lookupAccts > .panel .panel-heading {
	min-height: 56px;
}
.app .modal-content .modal-footer {
	padding: 10px 15px 24px 15px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*cover custormerDialog background color*/
.app .modal-content .custormerDialog .modal-footer,
.app .modal-content .promptInputDialog .modal-footer{
	background-color: #edf4f7;
}
.app .modal-content .modal-footer .btn {
	margin-right: 8px;
	padding: 8px 40px;
}

.app .modal-content .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.app .modal-content .modal-body {
  	min-height: 60px;
	overflow-x: hidden;
  	overflow-y: auto;
}
.app .modal-body.panel {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.app .modal-body.panel>.panel-body {
	border: 0;
	padding: 0;
}

.app .modal-body {
	padding: 16px 15px;
}

.app .custormerDialog .modal-body > div > div {
	padding: 0;
}

.resize-right {
	position: absolute;
	height: 100%;
	width: 5px; 
	cursor: e-resize;
	background: transparent; 
	float : right;
	right: 0;
	top: 0;
	z-index: 1000;
}
.resize-bottom-left {
	position: absolute;
	height: 5px;
	width: 100%; 
	cursor: s-resize;
	background: transparent; 
	float : left;
	left: 0;
	bottom: 0;
	z-index: 1000;
}
.resize-bottom-right {
	position: absolute;
	height: 10px;
	width: 10px; 
	cursor: se-resize;
	background: transparent; 
	float : right;
	right: 0;
	bottom: 0;
	z-index: 1010;
}

.app .modal-dialog .modal-header > .icon {
	padding-right: 8px;
	font-size: 18px;
}

.app .modal-dialog .info .modal-header {
	border-color: #007bc2;
	background-color: rgba(0,123,194,0.2);
}
.app .modal-dialog .info .modal-header > .icon {
	color: #007bc2;
}

.app .modal-dialog .success .modal-header {
	border-color: #00843d;
	background-color: rgba(0,132,61,0.2);
}
.app .modal-dialog .success .modal-header > .icon {
	color: #00843d;
}

.app .modal-dialog .warning .modal-header {
	border-color: #edc200;
	background-color: rgba(237,194,0,0.2);
}
.app .modal-dialog .warning .modal-header > .icon {
	color: #edc200;
}

.app .modal-dialog .error .modal-header {
	border-color: #ef2b49;
	background-color: rgba(239,43,73,0.2);
}
.app .modal-dialog .error .modal-header > .icon {
	color: #ef2b49;
}

.app .modal-header .close:hover,
.app .modal-header .close:focus {
  	opacity: 0.7;
}
.app .modal-backdrop.in {
	opacity: 0.2;
}
.app .media-body {
    word-wrap: break-word;
	word-break: break-word;
  	white-space: normal;
}

.app .dropdown-append-body .media-body,
.app .modal-header .media-body {
	width: 100%;
}
/*! Dialog Style end */
/*! Calendar Style begin */
/*! Calendar Style end */
/*! Content Menubar Style begin */
@media ( max-width : 767px) {
	.app .app-content-body .navbar-nav {
		margin: 0;
	}
	.app .navbar .media {
		display: block;
		margin: 0;
		padding-left: 15px;
	}
}

@media ( min-width : 768px) {
	.app .navbar .media {
		display: inline-block;
		margin-top: 0;
	}
	.app .app-content-header .navbar-header {
		float: inherit !important;
	}
	.app .app-content-header .media .media-left {
		padding-right: 16px;
	}
	.app .app-content-header .navbar-nav {
		float: inherit !important;
		margin: 7.5px -15px;
	}
	.app .app-content-header .navbar-nav>li {
		float: inherit !important;
		min-height: 48px;
		padding: 8px 0px;
	}
	.app .app-content-header .navbar-nav>li>a {
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
	}
	.app .app-content-header .navbar-nav>li>a  .media {
		display: flex;
		-ms-flex-direction: column;
		justify-content: center;
		align-items: center;
		min-height: 32px;
	}
}

.app .app-content-header .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: #ffffff;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.app .app-content-body .auditAndNote {
	position: relative;
	left: -10px;
}
.app .app-content-body .auditAndNote .btn {
	padding: 0;
	border: 0;
	color: #fff;
	background-color: transparent;
}
.app .app-content-body .auditAndNote .btn .icon {
	text-align: center;
}

.app .app-header .icon.icon-help,
.app .app-header .icon.icon-user {
	color: #fff;
}
.app .btn[disabled].btn-primary {
    opacity: 1;
    background-color: #cdd7e5;
  	border-color: #cdd7e5;
}
.app .btn:not([disabled]):hover .icon.icon-note,
.app .btn:not([disabled]):active .icon.icon-note,
.app .btn:not([disabled]):hover .icon.icon-audit,
.app .btn:not([disabled]):active .icon.icon-audit,
.app .app-header a:hover.icon.icon-help,
.app .app-header a:active.icon.icon-help,
.app .app-header a:hover .icon.icon-user,
.app .app-header a:active .icon.icon-user {
	color: #fff;
	opacity: 0.5;
}
.app .ui-grid .btn:not([disabled]):hover .icon.icon-note,
.app .ui-grid .btn:not([disabled]):active .icon.icon-note {
	color: #53b1ee;
	opacity: 1;
}
.app .btn[disabled] .icon.icon-note,
.app .btn[disabled] .icon.icon-audit {
	color: #fff;
	opacity: 0.7;
}
.app .icon.icon-arrow-right,
.app .icon.icon-next,
.app .icon.icon-arrow-left,
.app .icon.icon-back,
.app .icon.icon-firstpage,
.app .icon.icon-page-left,
.app .icon.icon-page-right,
.app .icon.icon-lastpage,
.app .icon.icon-table,
.app .icon.icon-graphs,
.app .icon.icon-calendar,
.app .icon.icon-down {
	color: #999fa4;
}
.app .icon.icon-arrow-right:hover,
.app .icon.icon-next:hover,
.app .icon.icon-arrow-left:hover,
.app .icon.icon-back:hover,
.app .icon.icon-firstpage:hover,
.app .icon.icon-page-left:hover,
.app .icon.icon-page-right:hover,
.app .icon.icon-lastpage:hover,
.app .icon.icon-table:hover,
.app .icon.icon-graphs:hover,
.app .icon.icon-calendar:hover,
.app .icon.icon-down:hover,
.app .icon.icon-arrow-right:active,
.app .icon.icon-next:active,
.app .icon.icon-arrow-left:active,
.app .icon.icon-back:active,
.app .icon.icon-firstpage:active,
.app .icon.icon-page-left:active,
.app .icon.icon-page-right:active,
.app .icon.icon-lastpage:active,
.app .icon.icon-table:active,
.app .icon.icon-graphs:active,
.app .icon.icon-calendar:active,
.app .icon.icon-down:active,

.app .btn:hover .icon.icon-arrow-right,
.app .btn:hover .icon.icon-next,
.app .btn:hover .icon.icon-arrow-left,
.app .btn:hover .icon.icon-back,
.app .btn:hover .icon.icon-firstpage,
.app .btn:hover .icon.icon-page-left,
.app .btn:hover .icon.icon-page-right,
.app .btn:hover .icon.icon-lastpage,
.app .btn:hover .icon.icon-table,
.app .btn:hover .icon.icon-graphs,
.app .btn:hover .icon.icon-calendar,
.app .btn:hover .icon.icon-down,
.app a:hover .icon.icon-arrow-right,
.app a:hover .icon.icon-next,
.app a:hover .icon.icon-arrow-left,
.app a:hover .icon.icon-back,
.app a:hover .icon.icon-firstpage,
.app a:hover .icon.icon-page-left,
.app a:hover .icon.icon-page-right,
.app a:hover .icon.icon-lastpage,
.app a:hover .icon.icon-table,
.app a:hover .icon.icon-graphs,
.app a:hover .icon.icon-calendar,
.app a:hover .icon.icon-down,

.app .btn:active .icon.icon-arrow-right,
.app .btn:active .icon.icon-next,
.app .btn:active .icon.icon-arrow-left,
.app .btn:active .icon.icon-back,
.app .btn:active .icon.icon-firstpage,
.app .btn:active .icon.icon-page-left,
.app .btn:active .icon.icon-page-right,
.app .btn:active .icon.icon-lastpage,
.app .btn:active .icon.icon-table,
.app .btn:active .icon.icon-graphs,
.app .btn:active .icon.icon-calendar,
.app .btn:active .icon.icon-down,
.app a:active .icon.icon-arrow-right,
.app a:active .icon.icon-next,
.app a:active .icon.icon-arrow-left,
.app a:active .icon.icon-back,
.app a:active .icon.icon-firstpage,
.app a:active .icon.icon-page-left,
.app a:active .icon.icon-page-right,
.app a:active .icon.icon-lastpage,
.app a:active .icon.icon-table,
.app a:active .icon.icon-graphs,
.app a:active .icon.icon-calendar,
.app a:active .icon.icon-down {
	color: #76797c;
}

.app .btn.btn-report-search .icon.icon-down,
.app .btn.search-button-style .icon.icon-down,
.app .ui-grid-icon-menu,
.app .icon.icon-mark,
.app .icon.icon-downloadfile {
	color: #002d72;
}
.app .btn.btn-report-search .icon.icon-down:hover,
.app .btn.search-button-style .icon.icon-down:hover,
.app .btn.btn-report-search:hover .icon.icon-down,
.app .btn.search-button-style:hover .icon.icon-down,
.app .ui-grid-icon-menu:hover,
.app .icon.icon-mark:hover,
.app .icon.icon-downloadfile:hover,
.app .btn:hover .icon.icon-mark,
.app .btn:hover .icon.icon-downloadfile {
	color: #53b1ee;
}

.app .btn.btn-report-search .icon.icon-down:focus,
.app .btn.search-button-style .icon.icon-down:focus,
.app .btn.btn-report-search:focus .icon.icon-down,
.app .btn.search-button-style:focus .icon.icon-down,
.app .ui-grid-icon-menu:focus,
.app .icon.icon-mark:focus,
.app .icon.icon-downloadfile:focus,
.app .btn:focus .icon.icon-mark,
.app .btn:focus .icon.icon-downloadfile {
	color: #007bc2;
}

.app .btn.btn-report-search .icon.icon-down:active,
.app .btn.search-button-style .icon.icon-down:active,
.app .btn.btn-report-search:active .icon.icon-down,
.app .btn.search-button-style:active .icon.icon-down,
.app .ui-grid-icon-menu:active,
.app .icon.icon-mark:active,
.app .icon.icon-downloadfile:active,
.app .btn:active .icon.icon-mark,
.app .btn:active .icon.icon-downloadfile {
	color: #007bc2;
}

.app .btn.btn-report-search .icon.icon-down:active:hover,
.app .btn.search-button-style .icon.icon-down:active:hover,
.app .btn.btn-report-search:active:hover .icon.icon-down,
.app .btn.search-button-style:active:hover .icon.icon-down,
.app .ui-grid-icon-menu:active:hover,
.app .icon.icon-mark:active:hover,
.app .icon.icon-downloadfile:active:hover,
.app .btn:active:hover .icon.icon-mark,
.app .btn:active:hover .icon.icon-downloadfile {
	color: #007bc2;
}

.app .app-content-body .navbar {
	margin: 0 12px;
	min-height: 25px;
}

.app .app-content-body > .panel-heading .navbar .form-control {
	width: 80%;
	display: inline-block;
}
.app .app-content-body > .panel-heading .navbar .input-group-btn {
	display: inline-block;
}
.app .app-content-body .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.app .app-content-body .breadcrumb {
	margin: 0;
}
.app .app-content-body .breadcrumb.fs-nav {
	padding: 8px 0 8px 0;
	background-color: transparent;
}
.app .app-content-body .breadcrumb.fs-nav {
	font-size: 14px;
}
.app .app-content-body .breadcrumb.fs-nav a {
	color: #727272;
}
.app .app-content-body .breadcrumb.fs-nav a > .icon-local {
	padding-right: 8px;
	color: #53565a;
}
.app .app-content-body .breadcrumb.fs-nav li {
	color: #002d72;
}
.app .app-content-body .breadcrumb.fs-nav .top {
	font-size: 24px;
	font-weight: bold;
	color: #012E72;
}
.app .app-content-body .navbar .row {
	min-width: 200px;
}
.app .app-content-body .navbar .row .input-group input,
.app .app-content-body .navbar .row .input-group .btn {
	font-size: 14px;
	color: #fff;
	background-color: transparent;
	border-bottom: 0;
	border-top: 0;
	border-radius: 0;
	border-color: rgba(255, 255, 255, 0.7);
}
.app .app-content-body .navbar .form-group {
	margin-bottom: 0;
}
.app .app-content-body .navbar .media-right {
	padding-left: 0;
}

.app .app-content-body .navbar-inverse {
	color: #fff;
	background-color: #002e72;
	border-color: #002e72;
	border-radius: 4px;
}
.app .app-content-body .navbar-inverse div.pull-left,
.app .app-content-body {
	padding-right: 16px;
}

.app .app-content-body .navbar-inverse div.pull-right:first-child {
	padding-right: 0;
}

.app .app-content-body .navbar-inverse div.pull-left h5 span:first-child,
.app .app-content-body .navbar-inverse div.pull-right h5 span:first-child {
	font-size: 10px;
	padding-right: 8px;
}
.app .app-content-body .navbar-inverse .navbar-brand {
	height: auto !important;
	padding: 0 15px;
}
.app .app-content-body .navbar-inverse .navbar-brand,
.app .app-content-body .navbar-inverse .navbar-nav li a {
	color: #424242;
}
.app .app-content-body .navbar-inverse .navbar-nav li.toolbar>a {
	line-height: 34px;
}
.app .app-content-body .navbar-inverse .navbar-nav li a:hover,
.app .app-content-body .navbar-inverse .navbar-nav li a:focus {
	color: #ffffff;
	background-color: #53B1EE;
}
/*! Content Menubar Style end */
.app .paginationBar .pagination {
	margin: 5px;
	padding: 5px 0;
}
.app .paginationBar .pagination .icon{
	vertical-align: top;
	font-size: 10px;
	color: #999fa4;
}
.app .paginationBar .form-control {
	display: inline-block;
}
.app .paginationBar .pagination .control-pagesize {
	display: inline-block;
	width: 60px;
}
.app .pagination > li > a:hover,
.app .pagination > li > span:hover,
.app .pagination > li > a:focus,
.app .pagination > li > span:focus,
.app .pagination > .active > a,
.app .pagination > .active > span,
.app .pagination > .active > a:hover,
.app .pagination > .active > span:hover,
.app .pagination > .active > a:focus,
.app .pagination > .active > span:focus {
  z-index: 0;
}
.app .pagination a {
	border: 0 !important;
}
.app .pagination .pagination-page a {
	min-width: 20px;
    min-height: 20px;
    border-radius: 10px !important;
    margin: 4px;
    padding: 0 6px;
}
.app .paginationBar .input-sm {
	height: 26px;
}
/*!
 * Overwrite Bootstrap end
 */
 /*!
 * Overwrite ui-grid begin
 */
.app .sortable .icon {
	font-size: 14px;
}
.app .sortable .icon.active {
	color: #54b1ed;
}
.app .enable-grid-menu {
	margin-top: 40px;
}

.app .ui-grid-menu-button {
    z-index: 1500;
    position: absolute;
    right: 0;
    top: -35px;
    background: transparent;
    border: 0;
    cursor: auto;
    height: auto;
    font-weight: normal;
}
.app .ui-grid-menu-button .media .media-body {
	width: 120px;
	max-width: 150px;
}
.app .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-inner {
	border: 0;
    border-radius: 4px;
}
.app .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: visible;
}
.app .ui-grid-menu {
	cursor: auto;
}
.app .ui-grid-menu .ui-grid-menu-inner ul {
	padding: 0;
	border: 1px solid rgba(188, 188, 188, 0.1);
	border-radius: 4px;
	-webkit-box-shadow: 2px 4px 20px 2px rgba(0, 45, 114, 0.2);
	box-shadow: 2px 4px 20px 2px rgba(0, 45, 114, 0.2);
}
.app .ui-grid-menu .ui-grid-menu-inner ul li:first-child {
	border-bottom: 1px solid #d9e2e8; 
    height: 44px;
    padding-top: 1px;
}
.app .ui-grid-menu .ui-grid-menu-inner ul li:last-child {
	padding-bottom: 15px;
}
.app .ui-grid-menu .ui-grid-menu-inner ul li {
	min-height: 28px;
	min-width: 300px;
    padding: 5px 12px;
    font-size: 12px;
    color: #282828;
}

.app .ui-grid-menu .ui-grid-menu-inner ul li a {
	display: block;
	cursor: pointer;
	text-decoration: none !important;
}

.app .ui-grid-menu .ui-grid-menu-inner ul li:hover,
.app .ui-grid-menu .ui-grid-menu-inner ul li:focus {
	text-decoration: none;
  	background-color:rgba(0,45,114, 0.1);
}
/*add for ui grid menu inner font color start*/
.app .ui-grid-menu .ui-grid-menu-inner ul li label {
    color: #282828;
}
/*add for ui grid menu inner font color end*/
.app .ui-grid {
	border-left: 0;
	border-right: 0;
	background-color: #fff;
}

.app .ui-grid-top-panel {
	background-color: #fff;
}
.app .ui-grid-header-cell-label {
	color: #002d72;
}
.app .ui-grid-canvas {
	padding-top: 0;
}
.app .ui-grid-viewport {
	min-height: 0 !important;
	overflow-y: auto;
}
.app .ui-grid-footer-panel {
	border-bottom: 0;
	border-top: 0;
	padding: 3px 8px;
}
.app .ui-grid-disable-selection {
  -webkit-touch-callout: unset;
  -webkit-user-select: unset;
  -khtml-user-select: unset;
  -moz-user-select: unset;
  -ms-user-select: auto;
  user-select: unset;
  cursor: default; 
}
.app .ui-grid-header-cell.hover {
	background-color: rgba(0,45,114,0.2) !important;
	border-right: 4px solid rgba(0,45,114,0.3) !important;
}
.app .ui-grid-header-cell:not(.movingColumn) {
    position: relative;
    box-sizing: border-box;
    background-color: inherit;
    border-right: 4px solid transparent;
    display: table-cell;
    vertical-align:top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: auto;
    user-select: none;
    width: 0;
    outline: 0;
}
.app .ui-grid-header-cell > .ui-grid-cell-contents {
	display: table-cell;
}
.app .ui-grid-cell .ui-grid-cell-contents {
	padding-right: 13px;
}
.app .ui-grid-cell-contents {
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-word;
  	white-space: normal; 
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    outline: 0;
}
.app .text-ellipsis .ui-grid-cell-contents {
    white-space: nowrap; 
    height: 36px;
}
.app .text-ellipsis .ui-grid-header-cell {
	height: 40px;
}
.app .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: all;
}
.app .ui-grid-cell .ui-grid-cell-contents {
	font-size: 12px;
}
.app .ui-grid-cell a {
	font-size: 12px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}
.app .ui-grid-cell .ui-grid-cell-contents .operationRowHeaderButtons {
	line-height:normal;
}
.app div.ui-grid-cell .input-sm {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-size: 12px;
}

.app .ui-grid-header-cell .btn,
.app .ui-grid-cell .btn {
	padding: 0 4px 0 0;
	margin: 0;
	border: 0;
	background: none;
	outline: none;
}
.app .ui-grid-footer-cell .btn {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	outline: none;
}
.app .ui-grid-cell .input-group {
	width: 100%;
}
.app .ui-grid-cell .input-group-btn:last-child > .btn[disabled],
.app .ui-grid-cell .input-group-btn:last-child > .btn[readonly],
.app .ui-grid-cell .input-group-btn:last-child > .btn.readonly {
  background-color: #edf4f9;
}

.app .ui-grid-cell .input-group-btn:last-child > .btn {
    background-color: #fff;
    margin-left: -1px;
    border: 1px solid #bec8d3;
    border-radius: 4px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.app .ui-grid-cell .range-label {
	background-color: #fff;
}
.app .ui-grid-pager-panel {
	position: relative;
}

.app .ui-grid-render-container .ui-grid-row {
	display: table;
	border-bottom: 1px solid #d9e2e8;
}
.app .ui-grid-render-container .ui-grid-row .grid-row {
	display: table-row;
}
.app .ui-grid-render-container.ui-grid-render-container-body .ui-grid-cell,
.app .ui-grid-render-container.ui-grid-render-container-right .ui-grid-cell,
.app .ui-grid-render-container.ui-grid-render-container-left .ui-grid-cell{
	display: table-cell;
	float: none;
}
.app .ui-grid-footer-canvas .ui-grid-footer-cell {
	border-right: 0;
}

.app .ui-grid-column-resizer {
	background-color: transparent !important;
}

.app .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child,
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child,
.app .ui-grid-render-container.ui-grid-render-container-body .ui-grid-header-cell:last-child,
.app .ui-grid-render-container.ui-grid-render-container-body .ui-grid-cell:last-child {
	border-right: 0;
	border-left: 0;
} 
.app .ui-grid-render-container.ui-grid-render-container-body .ui-grid-header-cell:last-child,
.app .ui-grid-render-container.ui-grid-render-container-body .ui-grid-cell:last-child {
	border-right: 4px solid transparent;
}
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
	padding-right: 4px;
}
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell.hover:first-child {
	padding-right: 0;
}
.app .ui-grid-row:last-child .ui-grid-cell {
    border-bottom: 0 !important;
}
.app .ui-grid-row .ui-grid-cell {
    vertical-align: middle;
}
.app .ui-grid-footer-info.ui-grid-grid-footer {
	line-height: 25px;
}
.app .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    border-bottom: 0;
}
.app .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child,
.app .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    box-sizing: border-box;
    border-right: 0;
}
.app .ui-grid-row:nth-child(odd) .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #fdfdfd;
}
.app .ui-grid-row:nth-child(even) .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #f3f3f3;
}

.app .ui-grid-render-container-body .ui-grid-footer-viewport,
.app .ui-grid-render-container-body .ui-grid-footer-viewport .ui-grid-footer-canvas,
.app .ui-grid-render-container-body .ui-grid-header-viewport,
.app .ui-grid-render-container-body .ui-grid-header-viewport .ui-grid-header-canvas,
.app .ui-grid-render-container-body .ui-grid-viewport {
	width: auto !important;
}
.app .ui-grid-cell {
	border: 0;
}
.app .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:first-child,
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child,
.app .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
	border-color: #d9e2e8;
}

.app .ui-grid-canvas .ui-grid-row .hover-row .ui-grid-cell {
	background-color: rgba(0,45,114,0.2);
}

.app .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell {
	background-color: #007BC2;
	color:white;
}

.app .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell .btn-default {
	background-color: #007BC2;
	color:white;
}

.app .cashPlanner .paymentTable .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell {
	background-color: transparent;
	color: #282828;
}

.app .cashPlanner .paymentTable .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell .btn-default {
	background-color: transparent;
	color: #282828;
}

.app .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell .btn-default:hover {
	opacity:0.5;
}

.app .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell a {
	color:white;
	text-decoration:underline;
}
.app .ui-grid-canvas .ui-grid-row .selected-row .ui-grid-cell a:hover {
	opacity:0.5;
}

.app .fsInnerList .fsList .ui-grid {
	border: 1px solid #d9e2e8;
	border-radius: 4px;
}
.app .fsInnerList .fsList .ui-grid .ui-grid-top-panel {
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.app .fsInnerList .fsList .ui-grid-header {
    border-bottom: 1px solid transparent;
}
.app .fsInnerList .fsList .ui-grid-render-container .ui-grid-row {
	border-bottom: 1px solid transparent;
}
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(odd) .hover-row .ui-grid-cell,
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(odd) .selected-row.hover-row .ui-grid-cell,
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(odd) .selected-row:not(.hover-row) .ui-grid-cell {
	background-color: #fdfdfd;
	color:black;
}
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(even) .hover-row .ui-grid-cell,
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(even) .selected-row.hover-row .ui-grid-cell,
.app .fsInnerList .fsList .ui-grid-canvas .ui-grid-row:nth-child(even) .selected-row:not(.hover-row) .ui-grid-cell {
	background-color: #f5f5f5;
	color:black;
}
.app .ui-grid .media-right,
.app .ui-grid .media>.pull-right {
	padding-left: 0;
}
.app .ui-grid-menu-item {
	line-height: normal;
}
.app .ui-grid-header-cell-last-col .ui-grid-cell-contents, 
.app .ui-grid-header-cell-last-col .ui-grid-filter-container, 
.app .ui-grid-header-cell-last-col .ui-grid-column-menu-button, 
.app .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
    margin-right: 0;
}
/*!
 * Overwrite ui-grid end
 */
/*!
 * Finshare Style
 */
body {
	margin: 0;
	padding: 0;
	line-height: 14px;
}
.white7 {
	color: rgba(255,255,255,0.7);
}
.app {
	margin: 0;
	padding: 0;
}
.app-view {
	margin: 0;
	padding: 0;
}
.app-header,.app-content,.app-footer {
	width: 100%;
	margin: 0;
	padding: 0;
}
.app-header {
	height: 72px;
	margin-bottom: 16px;
}
.app-content {
	position: relative; 
	padding: 0;
	background-color: #edf4f7;
	z-index: 15;
}
.app-footer {
	height: 68px;
    bottom:0;
    margin-top: 16px;
    background-color: #fff;
    z-index: 1;
}

.app .app-header .panel-heading {
	padding: 0;
	height: 24px;
	border: 0;
	border-radius: 0;
	background-color: #000;
	color: #fff;
}
.app .app-header .panel-body {
	padding: 0 16px 0 24px;
	height: 48px;
	border: 0;
	color:#fff;
	vertical-align:bottom;
	background-image: -webkit-linear-gradient(0deg, #004d8e, #00b9f2);
    background-image: -o-linear-gradient(0deg, #004d8e, #00b9f2);
    background-image: linear-gradient(0deg, #004d8e, #00b9f2);
}

.app .app-header .panel-heading .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.app .app-header .panel-heading .navbar {
	min-height: 30px;
	margin: 0;
}
.app .app-header .panel-heading .navbar-nav > li > a:hover,
.app .app-header .panel-heading .navbar-nav > li > a:focus,
.app .app-header .panel-heading .navbar-nav > li > a {
	background-color:transparent;
	color: rgba(255,255,255,0.85);
	font-size: 12px;
	padding: 0;
}
.app .app-header .panel-heading .navbar-nav > li > a.icon-help {
	font-size: 16px;
}
.app .app-header .panel-heading .navbar-nav > li:first-child {
	margin-right: 32px;
}
.app .app-header .panel-heading .navbar-nav > li:last-child {
	margin-left: 48px;
	margin-right: 12px;
}

.app .app-footer .pull-left,
.app .app-footer .pull-right {
	padding: 0;
}
.app .app-footer .system-info,
.app .app-footer .copyright {
	min-height: 34px;
	max-height: 34px;
}
.app .app-footer > div {
	padding-left: 24px;
	padding-right: 24px;
}
.app .app-footer .system-info {
	border-bottom: 1px solid #d9e2e8;
} 
.app .app-footer .system-info .pull-right:not(:last-child) {
	padding-left: 24px;
} 
.app .app-footer .copyright h6 {
	margin: 0;
	color: #282828;
	font-size: 10px;
	display: inline-block;
} 

.app .app-footer .copyright .pull-right h6:first-child {
	margin-right: 0;
}

.app .menu-curtain.app-content-header {
	position: absolute; 
	top: 88px; 
	bottom: 84px; 
	margin: 0;
	float: left; 
	z-index: 10;
	boder-top: 0;
	border-bottom-right-radius: 4px;
}
.app .app-content-header,
.app .app-content-body {
	vertical-align: top;
}
.app .app-content-header {
	min-width: 216px;
	max-width: 216px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
}
.app .app-content-body {
	padding: 0;
	border: 0;
	background-color: #edf4f7;
}

.app .app-content .app-content-header {
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 11;
}

.app .app-content .app-content-body {
	margin-left: 216px;
}

.app .app-content .app-content-header,
.app .app-content .app-content-body {
	margin-top: 0; 
	margin-bottom: 0; 
}

.app .app-footer .system-info > div,
.app .app-footer .copyright > div {
	display:inline-block; 
	line-height: 30px;
	padding: 0;
}
.app .app-content-body.panel>.panel-body > fs-buttons > div,
.app .app-content-body.panel>.panel-body > form > fs-buttons > div,
.app .app-content-body.panel>.panel-body > fs-buttons > div .panel-heading,
.app .app-content-body.panel>.panel-body > form > fs-buttons > div  .panel-heading {
	background-color: transparent;
}
.app .app-content-body.panel>.panel-body > fs-buttons > div .panel-heading,
.app .app-content-body.panel>.panel-body > form > fs-buttons > div  .panel-heading {
	padding-top: 0;
	padding-bottom: 8px;
}
.app .app-content-body.panel>.panel-body > fs-buttons:last-child > div .panel-heading,
.app .app-content-body.panel>.panel-body > form > fs-buttons:last-child > div  .panel-heading {
	padding-top: 24px;
	text-align: center;
}

.app .app-content-body.panel>.panel-body > div,
.app .app-content-body.panel>.panel-body > form > div {
	padding: 0;
	margin: 0 12px;
}

.app .app-content-body.panel>.panel-body > div.dashboard,
.app .app-content-body.panel>.panel-body > div.workflow,
.app .app-content-body.panel>.panel-body > div.notification,
.app .app-content-body.panel>.panel-body > form > div.dashboard,
.app .app-content-body.panel>.panel-body > form > div.workflow,
.app .app-content-body.panel>.panel-body > form > div.notification {
	padding: 8px 0 0 0;
	background-color: transparent;
}
.app .app-content-body.panel>.panel-body > form > div.notification > div.report-date {
	padding-left:0;
}
.app .app-content-body.panel>.panel-body > .dashboard {
    margin-left: 0;
    margin-right: 0;
}
.app .app-content-body.panel>.panel-body > .workflow {
    margin: 8px 12px;
}

.app .app-content-body.panel>.panel-body {
	padding:0 4px 0 4px;
	background-color: #edf4f7;
}
.app-content-body.panel>.panel-heading {
	padding: 0 4px;
}

.app .modal-container .panel {
	border: 0;
	margin: 0;
}
.app .required:before {
	color: #ff0000;
	content: "* ";
}
.app .badge.up {
	top: -15px;
	margin-left: -20px;
}
.app .btn .icon {
    font-size: 16px;
    line-height: 14px;
}
.app .btn .icon-note {
    font-size: 21px;
    width: 40px;
    text-align: left;
}
.app .btn .icon-audit {
    font-size: 21px;
    width: 44px;
    text-align: left;
}
.app .btn .icon.pull-left {
	margin-right: 5px;
}

.app .btn .icon.pull-right {
	margin-left: 5px;
}


.app .listGroup .panel-body {
	padding: 5px 15px 10px 15px;
	color: #53565a;
	border-bottom: 1px solid #d9e2e8;
}

.app .listGroup .panel-body.read {
	 color: rgba(114,114,114, 0.7);
}

.app .listGroup .panel-body.active {
	color: #fff;
    background-color: #007bc1;
}

.app .notifyContent .panel-heading {
	border:0;
	border-radius: 0;
	border-bottom: 1px solid #eeeeee;
}

.app .scroller {
	position: relative;
}

.app .scroller .ps__rail-y {
	opacity: 0.6;
	z-index: 1050;
}
.app .scroller .ps__rail-x {
	opacity: 0.6;
	z-index: 1050;
}

.app .ui-grid-render-container-left .scroller .ps__rail-y,
.app .ui-grid-render-container-left .scroller .ps__rail-x {
	display: none;
}
.app .ui-grid .form-group{
	margin-bottom: 0;
}

 /* submenu style begin*/
.app .dropdown-menu {
	padding: 0;
	border: 1px solid rgba(188, 188, 188, 0.1);
	border-radius: 4px;
	-webkit-box-shadow:2px 4px 20px 2px rgba(0, 45, 114, 0.2);
	box-shadow: 2px 4px 20px 2px rgba(0, 45, 114, 0.2);
}
.app .dropdown-menu.dropdown-pattern {
	left: inherit !important;
	right: 15px !important;
}

.app .dropdown-menu .panel {
	margin: -5px 0;
	border: none;
}

.app .dropdown-submenu {
	position: relative;
}

.app .dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	margin-left: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.app .dropdown-submenu.open {
	display: block;
}

.app .dropdown-submenu.pull-left {
	float: none;
}

.app .dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/* submenu style end */
/* file upload style begin */

/* file upload style end */
/* range begin */
.app .range-label {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
}
.app .has-error .range-label {
	background-color: #fcf3fc;
}
.app .range-label + input {
	border-left: 0;
	padding-left: 2px;
}
.app .range-label.focus {
	border-color: #53b1ee !important;
}
.app .range-label.readonly {
	background-color: #edf4f9;
}
.app .range-label div{
    color: #fff;
    font-weight: bold;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    vertical-align: middle;
    padding: 1px 1px;
    border: 1px solid #FF5562;
    border-radius: 50%;
    background-color: #FF5562;
    cursor: pointer;
    line-height: 9px;
}
.app .range-label div:hover {
    border: 1px solid #FF3B44;
    background-color: #FF3B44;
}


/* range style end */
/* dashboard style end */
.app .fsDashboardPanel {
    position: relative;
    float: left;
	padding: 0 12px;
	margin-bottom: 24px;
    z-index: 10;
}
.app .fsDashboardPanel .modal-content > .panel > .panel-heading {
	height: 48px;
	background-color: #fff;
	padding: 0 16px;
    border: 0;
}
.app .fsDashboardPanel .modal-content > .panel > .panel-heading .navbar {
	height: 100% !important;
	padding-top: 16px;
	margin: 0;
	border-radius: 0;
	border-bottom: 2px solid #edf3f8;
}
.app .fsDashboardPanel .modal-content > .panel > .panel-heading h4 {
	font-weight: bold;
	color: #282828;
}

.app .fsDashboardPanel .modal-content > .panel > .panel-heading .icon-more {
	color: #005AA1;
	font-size:21px;
}

.app .fsDashboardPanel .well {
	min-height: 304px;
	padding-top: 130px;
	margin: 0;
	border: 0;
	background-color: #f5fafb;
	cursor: pointer;
}
.app .fsDashboardPanel .well .icon {
	font-size: 44px;
	color: #999fa4;
}
.app .dashboardModal  {
	border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.app .dashboardModal .navbar-nav > li > .dropdown-menu {
    border-radius: 4px;
}
.app .dashboardModal .navbar-nav > li > .dropdown-menu .icon {
    color: rgba(80,80,80,0.8);
}
.app .dashboardModal .panel-body {
	padding: 8px 16px;
}
.app .dashboardModal .panel-body.notifications-panel  {
	padding-top: 4px;
}

.app .dashboardModal .panel-body .limit-percent{
	padding-top: 6px;
}

.app .dashboardModal .panel-body .ccu{
   padding-left:0;
}
.app .fsDashboardPanel .container-fluid {
	padding: 0;
}
.app .fsDashboardPanel .modal {
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
}
.app .fsDashboardPanel .modal-content>.panel {
    margin: 0;
    border: 0;
}
.app .fsDashboardPanel .modal-dialog,
.app .fsDashboardPanel .modal-lg {
	width: auto;
}
.app .fsDashboardPanel .navbar {
    border: 0;
}
.app .fsDashboardPanel .navbar h1,
.app .fsDashboardPanel .navbar h2,
.app .fsDashboardPanel .navbar h3,
.app .fsDashboardPanel .navbar h4,
.app .fsDashboardPanel .navbar h5,
.app .fsDashboardPanel .navbar h6 {
    margin: 0;
}
.app .fsDashboardPanel .navbar .media-body {
	width: 1000px !important;
}
.app .fsDashboardPanel .panel-body ul {
    margin: 0;
}

.app .fsDashboardPanel .navbar-nav > li > a {
    padding: 0;
}
@media (min-width: 768px){
	.app .fsDashboardPanel .navbar-right {
	    margin-right: 0;
	}
}
/* dashboard style end */
.app .queue {
	padding-bottom: 24px;
}
.app .queue .badge {
	padding: 5px 10px;
	margin-right: 32px;
	font-size: 14px;
	color: #282828;
	border-radius: 15px;
	background-color: transparent;
	cursor: pointer;
}
.app .queue .badge.current {
	color: #fff;
	background-color: #007bc1;
}
.app .title-bar.pull-right {
	/* margin-top: -5px; */
	background-color: transparent;
}

.app .report-tab {
	padding-top: 8px;
	padding-bottom: 16px;
	padding-left: 0;
}

.app .report-tab .panel,
.app .report-tab .panel-heading,
.app .report-tab .panel-body,
.app .report-action .panel,
.app .report-action .panel-heading,
.app .report-action .panel-body {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}

.app .report-tab .btn {
    padding-left: 32px;
    padding-right: 32px;
	color: #282828;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	border-color: transparent;
    border: 0;
}

.app .report-action.btn,
.app .report-action .btn {
 	padding-left: 10px;
    padding-right: 10px;
	color: #002d72;
	font-size: 10px;
	background-color: transparent;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.app .report-action.btn > .icon,
.app .report-action .btn > .icon {
	font-size: 25px;
	line-height: inherit;
}
.app .report-action.btn > span,
.app .report-action .btn > span {
	display: block;
	clear: both;
}

.app .report-btn > .pull-right {
    padding-right: 16px;
    padding-top: 10px;
    max-height: 20px;
    color: #999fa4;
}
.app .report-btn.panel-heading{
	padding: 0;
	border-bottom: 2px solid #d9e2e8;
}
.app .report-btn .list-btn-group .panel-heading {
	padding: 0;
}
.app .report-btn .list-btn-group .panel-heading .btn {
	color: #53565a;
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 2px;
	border-bottom-color: #d9e2e8;
	background-color: transparent;
	margin-bottom: -2px;
	width: auto;
}

.app .report-btn .list-btn-group .panel-heading .btn:hover{
	color:#53b1ee;
	border-bottom-color: #d9e2e8;
}

.app .report-btn.first .list-btn-group .panel-heading fs-button:nth-child(1) .btn:hover,
.app .report-btn.second .list-btn-group .panel-heading fs-button:nth-child(2) .btn:hover,
.app .report-btn.third .list-btn-group .panel-heading fs-button:nth-child(3) .btn:hover {
	border-bottom-color: #53b1ee;
	cursor:auto;
}

.app .report-btn .list-btn-group .panel-heading .btn:focus,
.app .report-btn.first .list-btn-group .panel-heading fs-button:nth-child(1) .btn:focus,
.app .report-btn.second .list-btn-group .panel-heading fs-button:nth-child(2) .btn:focus,
.app .report-btn.third .list-btn-group .panel-heading fs-button:nth-child(3) .btn:focus {
	border-color: white;
	-webkit-box-shadow:none;
	box-shadow: none;
	outline: none;
}

.app .report-btn.first .list-btn-group .panel-heading fs-button:nth-child(1) .btn,
.app .report-btn.second .list-btn-group .panel-heading fs-button:nth-child(2) .btn,
.app .report-btn.third .list-btn-group .panel-heading fs-button:nth-child(3) .btn {
	color: #007bc2;
	border-bottom-width: 2px;
	border-bottom-color: #53b1ee;
	width: auto;
}

.app .report-tab.first .list-btn-group .panel-heading fs-button:nth-child(1) .btn,
.app .report-tab.second .list-btn-group .panel-heading fs-button:nth-child(2) .btn,
.app .report-tab.third .list-btn-group .panel-heading fs-button:nth-child(3) .btn {
	color: #fff;
	background-color: #007BC2;
	border-color: #007BC2;
    border-radius: 20px;
}

.app .report-btn > .icon {
	padding-top: 10px;
	font-size: 21px;
	cursor: pointer;
}
.app .report-btn > .icon:hover {
	color: #76797C;
}
.app .row.panel {
	margin-left: 0;
	margin-right: 0;
}
.app .app-content-body.panel>.panel-body > div.company-list, 
.app .app-content-body.panel>.panel-body > form > div.company-list {
	padding-top: 10px;
	padding-bottom: 0;
}
.app .company-list .card {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 16px;
	cursor: pointer;
}
.app .company-list > .row {
	padding-top: 16px;
    background-color: #edf4f7;
    margin-left: -20px;
    margin-right: -20px;
}
.app .company-list > .row {
	padding-top: 16px;
	background-color: #edf4f7;
}

.app .company-list .card .jumbotron h6 {
	display: inline-block;
	font-weight: normal;
}
.app .company-list .card:not(.active)  div > h6:nth-child(1) {
	color: rgba(0,0,0,0.6);
}
.app .company-list .card:not(.active) .jumbotron h6 {
	color: #282828;
}
.app .company-list .card  div > h6:nth-child(2) {
	display: inline-block;
}
.app .company-list .card .title,
.app .company-list .card .corner-mark {
	font-size: 14px;
	font-weight: bold;
}
.app .company-list .card .corner-mark.home-company {
	background-color: #002d72;
	color: #fff;
	min-height: 20px;
	min-width: 140px;
	text-align: center;
	border: 3px solid #002d72;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.app .company-list .card .corner-mark.home-company-blank {
	min-height : 20px;
}
.app .company-list .card .title {
	margin-top: 20px;
	min-height: 42px;
	max-height: 42px;
    word-wrap: break-word;
    word-break: break-word;
  	white-space: normal;
}

.app .pdf-viewer-toolbar {
	text-align: right;
}
.app .pdf-viewer-toolbar span {
	padding: 5px;
	margin: 0 10px;
	cursor: pointer;
}
.app .pdf-viewer-toolbar input {
	border-radius: 4px;
    border: 1px solid #cdd7e5;
    padding: 5px 8px;
}
.app .page-footer-btn-group {
	text-align: center;
	background-color: #edf4f9;
}
.app .page-footer-btn-group .panel-heading,
.app .page-footer-btn-group .panel-body {
	background-color: #edf4f9;
}
.backdrop {
	overflow: hidden;
}

.app .notification .searchKeyWord input{
	/* TODO: background*/
	/* background: transparent url(image/icon_search2.png) no-repeat left; */
	padding: 0px 0px 0px 20px;
    position: relative;
    left: 5px;
    width: 98%;
}
.app .notification .panel-group .panel + .panel {
	margin-top: 0;
}
.app .notification .tab-content .tab-pane .notificationContent .right .panel-body {
	padding-top: 0px;
}
.app .notification .tab-content .tab-pane .notificationContent .right .panel-body .panel {
	margin-bottom: 0px;
}
.app .notification .tab-content .tab-pane .notificationContent .right .panel.clearPanelBottom{
	margin-bottom: 0px;
}
.app .notification .tab-content .tab-pane .notificationContent .right .panel-body .panel .col-sm-6  {
	padding: 0px 0px 0px 0px;
}
.app .notification .tab-content .tab-pane .notificationContent .left .listGroup .scroller:first-child {
    border-top: 1px solid #d9e2e8;
}
.app .notification .tab-content .tab-pane .notificationContent .left .scroller {
	background-color: #fff;
}
.app .notification .tab-content .tab-pane .notificationContent .left .row {
	margin-left: 0;
	margin-right: 0;
}

.app .notification .tab-content .tab-pane .notificationContent .left .fsSelect.form-group{
	margin-bottom: 0;
}

.app .notification .tab-content .tab-pane .notificationContent .right {
	margin-left: 30px;
}

.app .notification .tab-content .tab-pane .notificationContent .right > .panel > .panel-body {
	min-height: 500px;
	max-height: 500px;
}

.app .notification .tab-content .tab-pane .notificationContent .right > .panel > .panel-body.no-content {
	min-height: 597px;
	max-height: 597px;
}

.app .notification .tab-content .tab-pane .notificationContent .right .panel-heading {
	min-height: 99px;
	border-bottom: 1px solid #cdd7e5;
}

.app .notification .tab-content .tab-pane .notificationContent .right .panel-heading.attachment {
	min-height: 20px;
}

.app .notification .tab-content .tab-pane .notificationContent .right .panel-heading.attachment .media-left{
	height:30px;
}

.app .notification .tab-content .tab-pane .notificationContent .right .panel-heading .icon {
	font-size: 25px;
}

.app .notification .tab-content .tab-pane .notificationContent .right h3 {
	color: #53565a;
	margin-left: 9px;
}

.app .notification .left .btn .icon {
	font-size: 25px;
}
.app .notification .left .btn {
	border: 0;
	padding: 0 15px 0 0;
	margin: 0;
	box-shadow: none;
	background-color: transparent;
}

.app .notification .nav-tabs {
	border: 0;
}

.app .notification .nav-tabs > li {
	border: 0;
	margin-right: 40px;
}
.app .notification .nav-tabs > li > a {
	border: 0;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #282828;
}
.app .notification .nav-tabs > li > a .unread{
	padding-left:4px;
	font-size: 16px;
}
.app .notification .nav-tabs > li > a .read{
	font-size: 12px;
}
.app .notification .nav-tabs > li > a:hover,
.app .notification .nav-tabs > li > a:focus,
.app .notification .nav-tabs > li > a:active {
	background-color: transparent;
}

.app .notification .nav-tabs > li.active > a {
	color: #fff;
    background-color: #007BC1;
    border-color: #007BC1;
    border-radius: 20px;
}
.app .notification .tab-content .tab-pane {
	padding-top: 20px;
}
.app .notification .tab-content .tab-pane > ng-form > div > .row {
	margin-left: 0;
	margin-right: 0;
}
.app .notification .tab-content .tab-pane > ng-form > div > .row > div {
	margin-left: -15px;
	margin-right: -15px;
	padding-right: 0;
}
.app .notification .tab-content .tab-pane > ng-form > div > .row:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.app .notification .tab-content .tab-pane > ng-form > div > .row:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.app .row.notification > div:first-child {
	padding-left: 0;
}
.app .row.notification > div:last-child, 
.app .row.notification > div:last-child .panel-heading {
	padding-right: 0;
}
.app .row.notification > .report-date  h6 {
	margin-top: 5px;
	margin-bottom: 0;	
	font-size: 10px;
    color: #727272;
}
.app .row.notification > .report-date  h6 strong {
	color: #282828;
	font-size: 10px;
	font-weight: bold;
	font-family:black;
}
.app .row.notification div.left.credit-left {
	padding-right: 5px;
}

.app .row.notification div.right {
	background-color: #fff;
	padding-left: 0;
    padding-right: 0;
    border-radius: 4px;
}

.app .row.notification .report-action .dropdown-menu,
.app .row.notification .right .report-action {
	padding: 8px;
}

.app .notification .card {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	cursor: pointer;
}

.app .notification .card .jumbotron h5 {
	font-size: 14px;
	margin-top: 5px;
}

.app .notification .card.credit .jumbotron h5 {
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 12px;
}


.app .notification .card .jumbotron h5:last-child {
	margin-bottom: 8px;
}

.app .notification .card .jumbotron h6 {
	font-weight: normal;
	margin: 0;
}
.app .notification .card:not(.active)  div > h6:nth-child(1) {
	color: #282828;
}
.app .notification .card:not(.active) .jumbotron h6 {
	color: #282828;
}
.app .notification .card  div > h6:nth-child(2) {
	display: inline-block;
}
.app .notification .card .title,
.app .notification .card .corner-mark {
	font-size: 14px;
	font-weight: bold;
}
.app .notification .card .title {
	margin-top: 0;
	padding-bottom: 12px;
    word-wrap: break-word;
    word-break: break-word;
  	white-space: normal;
}

.app .report-amount {
	display: inline-block;
	min-width: 15%;
}

.app .report-amount h5:first-child {
	display: inline-block;
	padding-right: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #53565a;
}

.app .report-amount h5:last-child {
	display: inline-block;
	padding-right: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #007bc2;
}

.app .report-collapsed-group {
	margin-bottom: 8px;
}

.app .report-collapsed-group:not(.collapsed) {
	margin-bottom: 8px;
	border-bottom: 1px solid #cdd7e5;
}

.app .search-group:not(.collapsed) {
	margin-bottom: 20px;
	border-bottom: 1px solid #cdd7e5;
	border-radius: 0;
}

.app .search-group .report-collapsed-group {
	background-color: #edf4f7;
}

.app .report-collapsed-group:not(.collapsed) .btn.btn-default {
	padding: 3px 19px;
	margin-bottom: -1px;
	color: rgba(153, 159, 164, 0.8); 
	border : 1px solid #cdd7e5;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #fff;
}
.app .report-collapsed-group:not(.collapsed) .btn.btn-primary {
    padding: 3px 15px;
	margin-bottom: -1px;
	color: rgba(153, 159, 164, 0.8); 
	border : 1px solid #cdd7e5;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #fff;
}
.app .report-collapsed-group.collapsed .btn.btn-primary:focus {
    background-color: #002d72; 
    border : 0px;
}

.app .report-collapsed-group.collapsed .btn.btn-primary:hover {
    background-color: #53b1ee; 
    border : 0px;
}
.app .info-label {
	font-size: 12px;
	color: rgba(80, 80, 80, 0.5);
}
.app .info-label .icon {
	padding-right: 4px;
	font-size: 14px;
	color: #51b1ed;
}

/*dashboard's fpds start*/
.app .dashboardModal .dashboardM{
  height:100%;
  padding-left:0px;
  cursor:pointer;
}

.app .dashboardModal .dashboardM>ul{
  height:90%;
}

.app .dashboardModal .panel-body .dashboardM-fpds{
  list-style-type: none;
  padding:16px 16px 10px 16px;
  margin: 0;
}

.app .dashboardModal .panel-body .dashboardM-fpds li{
  height:33%;
  color:#53565a;
}

.app .fsDashboardPanel .modal-content>.panel-fpds{
  height:100%;
}

.app .dashboardModal .panel-body .dashboardM-fpds li .fpds-line2{
  margin-top:16px;
}

.app .dashboardModal .panel-body .dashboardM-fpds li .fpds-font1{
  font-size:16px;
  font-weight:bold;
  color:rgba(114,114,114,0.7);
}

.app .dashboardModal .panel-body .dashboardM-fpds li .fpds-font2{
  font-size:18px;
  font-weight:bold;
  color:#007bc2;
  margin-left:3px;
}

/*dashboard's fpds customize*/
.app .panel-body .fpds-title1{
  font-size:18px;
  color:#343B3E;
  font-weight:bold;
  margin-top:20px;
}

.app .panel-body .fpds-title2{
  position:relative;
  top:4px;
  font-size:14px;
  color:#53565a;
  font-weight:bold;
  margin-top:2px;
  margin-left:6px;
}

.app .panel-body .fpds-table1{
  margin-top:16px;
  margin-left:10px;
}

.app .panel-body .fpds-table2{
  margin-top:16px;
}
.app .panel-body .fpds-box{
  padding:6px 2px;
  border:1px solid #ef2b49;
  color:#515454;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}
.app .panel-body .fpds-fontColor{
  font-size:12px;
  font-weight:bold;
  color:#ef2b49;
}
.app .panel-body .fpds-amt{
  font-size:18px;
  font-weight:bold;
  color:#107cb5;
}
.app .panel-body .fpds-title3{
  font-size:16px;
  color:#4f5252;
  font-weight:bold;
  margin-bottom:8px;
}

.app .panel-body .fpds-title3 .fpds-f1{
  font-size:12px !important;
  color:#53565a;
  margin-left:16px;
}
.app ul.limit-percent {
	padding-left: 0;
	list-style: none;
}
.app ul.limit-percent .badge {
	display: inline;
	max-height: 10px;
    max-width: 10px;
    padding: 3px;
    border-radius: 50%;
    float:left;
    margin-top:2px;
    margin-bottom:3px;
    margin-right: 3px;
}
.app ul.limit-percent li {
	padding: 10px 0 6px;
	border-bottom: 1px solid #E7EBEF;
	color: #282828;
}
.app ul.limit-percent li:last-child {
	border-bottom: 0;
}
.app .limit-percent h5 {
	display: block;
	padding-left: 5px;
	font-size: 14px;
	margin: 0;
	color: #53565a;
}
.app .limit-percent h5:not(:nth-child(1)) {
	display: inline-block;
	padding-right: 8px;
	margin: 5px 0;
	padding-left: 20px;
	color: rgba(114,114,114, 0.7);
}
.app .limit-percent h5:last-child {
	padding-left: 8px;
	border-left: 1px solid #cdd7e5;
	padding-right:0;
}
.app .limit-percent h5 .title{
	display: inline-block;
	padding-left: 4px;
}
.app .limit-percent h5 .data{
	font-size: 12px;
}
.app .payment-info .media-bottom h4 {
	margin-bottom: 0;
}
.app .payment-info h4,
.app .payment-info h5 {
	display: inline-block;
	margin: 9px 0px 1px 0px;
	color: #282828;
    font-weight: bold;
}
.app .payment-info h5 {
	color: #53565a;
}
.app .payment-info .sparse-li ul {
	width: 100%;
}
.app .payment-info .sparse-li li {
	width: 20%;
	padding-bottom: 16px;
}
.app .transaction-type .sparse-li li {
	padding-left: 25px;
}

.app .payment-info .media-text,
.app .payment-info .media-text strong,
.app .payment-info .media-text small {
	color: #007bc2;
}
.app .payment-info .media-text strong {
	padding-left: 8px;
	font-size: 24px;
}
.app .payment-info .media-text small {
	font-size: 18px;
}
.app .dashboardModal .ntf .row {
	margin: 0;
}
.app .dashboardModal .ntf .fsGrid,
.app .dashboardModal .panel-body.ntf {
	padding-left: 0;
	padding-right: 0;
}
.app .notification .panel-body:not(.active) .icon-high {
    color: rgba(239,43,73,0.6);
}
.app .notification .panel-body:not(.active) .icon-medium {
    color: rgba(237,194,0,0.6);
}
.app .notification .panel-body:not(.active) .icon-low {
    color: rgba(0,132,61,0.6);
}

.app .notification .panel-body:not(.active) .icon-attachment {
    color: rgba(49, 174, 255, 1);
    height:16px;
}
.app .notification .panel-body.active .icon-high {
    color: rgb(242, 101, 122);
}
.app .notification .panel-body.active .icon-medium {
    color: rgb(238, 226, 100);
}
.app .notification .panel-body.active .icon-low {
     color: rgb(131, 221, 158);
}
.app .notification .panel-body.active .icon-attachment {
    color: rgb(163, 210, 240);
    height:16px;
}

.app .notification .listGroup .media {
	margin-top: 5px;
}
.app .notification .panel-body .list-group-item-text.publish-time {
	font-size: 12px;
    color: #727272;
	opacity: 0.7;
}
.app .notification .panel-body.active .list-group-item-text.publish-time {
    color: #fff;
    opacity: 1;
}
.app .fsDashboardPanel .notification .panel-body .panel-heading {
	font-size: 12px;
    color: #007bc2;
}

.app .fsDashboardPanel .notification .panel-body .panel-body {
	padding: 0px 16px 8px 16px;
}
.app .fsDashboardPanel .notification .panel-body .panel-body .panel {
	margin-bottom: 0px;
}
.app .fsDashboardPanel .notification .panel-body .panel-body .panel-body {
	padding: 12px 0px 12px 16px;
}

.app .white-input .input,
.app .white-input .form-control[disabled], 
.app .white-input .form-control[readonly], 
.app .white-input fieldset[disabled] .form-control {
	background-color: #fff !important;
	border-color: #fff !important; 
}
.app .white-input .input-group-btn>.btn {
	background-color: #fff !important;
	border-color: #fff !important; 
}
.app .white-input .input-group-btn>.btn .icon{
	color: rgba(80,80,80,0.6)
}
.app .inner-btn .btn {
	min-height: 1px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: inherit;
    background-color: transparent;
    line-height: 20px !important;
}
.app .btn-bar.panel,
.app .btn-bar.panel .panel,
.app .btn-bar.panel .panel-heading,
.app .btn-bar.panel .panel-body {
	background-color: transparent;
	margin: 0
}
.app .btn-bar.panel .panel-heading,
.app .btn-bar.panel .panel-body {
	padding: 8px 0;
}
.app .btn-bar.panel .media .panel-heading,
.app .btn-bar.panel .media .panel-body {
	padding: 0;
}
.app .credit-left .listGroup.panel-group .panel {
	margin-bottom: 10px;
	margin-right: 10px;
}
.app .panel-padding{
	padding:24px 16px 0;
}
.app .panel-bottom{
	margin-bottom: 16px;
}
.app .last-panel-bottom{
	margin-bottom: 0;
}
.app .panel-body-top-padding{
	padding-top: 16px;
}
.app .panel-popup-padding-bottom{
	padding-bottom: 0;
}
.app .panel-popup-padding-top{
	padding-top: 0;
}
/* switch button begin*/
.app .switch {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}



.app .switch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 20px;
	border: 1px solid #D9E2E8;
	width:88px;
	height:26px;
	margin-top:5px;
	margin-left:25px;
}

.app .switch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.app .switch-inner:before,
.app .switch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 24px;
	font-size: 12px;
	color: white;
	font-weight: normal;
	box-sizing: border-box;
}

.app .switch-inner:before {
	content: attr(data-all);
	padding-left: 10px;
	background-color: #002D72;
	color: #FFFFFF;
}

.app .switch-inner:after {
	content: attr(data-normal);
	padding-right: 14px;
	background-color: #FFFFFF;
	color: #727272;
	text-align: right;
}

.app .switch-icon {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	margin: 7px 7px;
	background: #FFFFFF;
	top: 0;
	right: 64px;
	bottom: 0;
	border: 1px solid #D9E2E8;
	border-radius: 11px;
	-webkit-box-shadow:2px 2px 10px 1px rgba(0, 45, 114, 0.2);
	box-shadow:2px 2px 10px 1px rgba(0, 45, 114, 0.2);
	transition: all 0.3s ease-in 0s; 
}


/* switch button end*/
/* beautify radio and checkbox begin*/

/* beautify radio and checkbox end*/

/*Cancel_CM*/
.app .pi_cm{
  color:#96999e; 
  margin-top:24px;
  margin-bottom:4px;
}


/*menu style*/
.app div.menu-row:not(:nth-child(1)){
    padding-top:0 !important;
}
.app .menu-style{
  padding-left:12px;
  padding-right:12px;
}
.app .menu-style .menu-hover:hover{
  box-shadow: 3px 6px 7px 0px rgba(0, 45, 114, 0.2);
}
.app .menu-style h3{
  font-size:18px;
  font-weight:500;
  color:#282828;
  margin-top:26px;
  margin-bottom:16px;
}

/*view title style*/
.app .title-style{
  padding-top:24px;
  padding-bottom:9px;
}

.app .label-style{
  margin-bottom:0;
}

/*table spacing top(cancel pi)*/
.app .table-top{
  margin-top:24px;
}

/*issuedPIreport outstandingPIReport settledPIReport */
.app .btn-bar .media-left {
	padding-right: 12px;
}
.app .btn-bar .media-body {
	padding-right: 12px;
	padding-left: 12px;
}
.app .btn-bar .media-right {
	padding-left: 12px;
}
.app .report-tab .panel-heading.clearfix.ng-scope {
	padding-left: 0;
} 
.app .rep-layout-4 {
	padding-left: 0;
	padding-right: 16px;
}
.app .rep-layout-8 .col-sm-6 {
	padding-left: 28px;
	padding-right: 16px;
}
.app .rep-layout {
	padding-left: 16px;
    padding-right: 16px;
}
.app .rep-layout .rep-layout-12 {
	padding-left: 0;
    padding-right: 0;
}
.app .rep-layout-8 {
	padding-right: 0;
}
.app .rep-layout-8 .col-sm-12 {
	padding-left: 28px;
}
.app .rep-layout-12 .col-sm-4 {
	padding-left: 32px;
	padding-right: 16px;
}
.app .rep-layout-12 .rep-left {
    padding-left: 16px;
}

.app .rep-layout .report-btn > .pull-right {
    padding-right: 0px;
}
.app .rep-title > h4 {
	color: #53565a;
	padding-top: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
.app .popup-form-title > h4 {
	color: #53565a;
	padding-top: 9px;
	font-weight: bold;
	margin-bottom:4px;
}

.app .popup-table-title > h6 {
	color: #53565a;
	padding-top: 12px;
	font-size: 10px;
	height: 26px;
	margin-bottom:4px;
}


/*dashboard panel page style*/
.app .dashboardpanelpage li:first-child{
	 padding-top: 12px;
}  
.app .dashboardpanelpage li{
	line-height: 16px;
	padding-top: 16px;
	padding-left: 16px;
} 
.app .dashboardpanelpage li>label{
	color: #282828;
}
/*report search button style*/
.app .btn-report-search {
  	 max-height: 28px;
  	 padding : 3px 10px;
}
/*report funding title style*/
.app .report-funding-title{
	line-height: 14px;
}

/*Cash Movement Charge Details*/
.app .form-inline .form-group > div:nth-child(2) {
    display: inline-block;
}
.app .form-inline .form-group > div:nth-child(2) ul {
    margin-bottom: 0;
}
.app .cash-bottom{
    position:relative;
    top:12px;
    padding-left:0;
}
.app .cash-detail-bottom{
    position:relative;
    top:16px;
}
.app .sumCash-bottom-line{
    padding-bottom:10px;
    margin-bottom:20px;
}
.app .cash-paddig-right{
    padding-right:15px !important;
}
.app .btn-search-group{
	 margin-top: -15px;
}
.app .cash-stop-button{
     position:relative;
     top:8px;
}
.app .cash-criteria{
     position:relative;
     top:-40px;
}
.app .cash-botton-right{
     position:relative;
     margin-right:50px;
     z-index:2;
}
.app .cath-table{
     width:100%;
}
.app .cash-right{
     width:40px;
}
.app .cash-top{
     width:100%;
     height:1px;
     margin-top:-10px;
}
.app .cash-height{
     height:20px; 
}
.app .cash-background{
    background-color:#ffffff;
}

.app .cash-background:hover{
    color: #53b1ee;
    border-color: #53b1ee;
}
.app .app-content-body .navbar.navbar-fixed-bottom {
	height: 80px;
	margin-left: 216px;
	background-color: #fff;
	border: 1px solid red;
}
.navbar-fixed-bottom + div {
	margin-bottom: 80px;
}
.app .cash-title1{
    position:relative;
    top:10px;
}

.app .panel .panel-body .acknowledge {
    height: 249px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 1500px;
    font-size: 14px;
    color:#282828;
}

 /*discount submitsuccess style*/

.app .discount-submitsuccess-title1{
	font-size: 24px;
	padding-top: 48px;
	padding-bottom: 48px;
	color:#727272;
}
.app .discount-submitsuccess-icon{
	font-size: 24px;
	padding-right: 4px;
	color: #00833f;
  	border-color: rgba(0,131,63,0.2);
}
.app .discount-submitsuccess-title2{
	font-size: 18px;
	padding-bottom: 12px;
	font-weight: bold;
	color:#282828;
}
.app .discount-submitsuccess-title3{
	font-size: 14px;
	color:#53565a;
}
.app .discount-submitsuccess-cutoff{
	font-size: 14px;
	color:#b20000;
} 

.app .agreementArea {
	padding-top: 8px;
}
.app .panel.btn-no-background {
	background-color: transparent;
}
.app .panel.btn-no-background .panel-heading{
	background-color: transparent;
	padding: 16px 0px;
}

/* stepbar css style*/
.stepbar {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding-bottom: 15px;
}

.stepbar .media-left,
.stepbar .media-right {
 padding-left: 0;
 padding-right: 0;
}
.stepbar span {
    display: inline-block;
    white-space: nowrap;
    font-size: 16px;
}
.stepbar .pointer {
    padding: 5px 0 0 7px;
    min-width: 24px;
    min-height: 24px;
    color: #727272;
    border-radius: 50%;
    background-color: #cdd7e5;
}
.stepbar .current .pointer {
    background-color: #007BC1;
    color: #fff;
    font-weight: 800;
}

.stepbar .label {
 font-size: 14px;
 font-weight:normal;
 padding-left: 4px;
 padding-right: 0px;
}
.stepbar .media-bar {
 line-height: 2px;
 padding-left: 8px;
 padding-right: 8px;
}
.stepbar .bar {
    width: 98%;
    height: 2px;
    background: #cdd7e5;
    border-radius: 2px;
}
.stepbar .finished .media-left.media-middle {
    position: relative;
}
.stepbar .finished .bar {
    background: #007BC1;
}
.stepbar .finished .pointer:after {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 10px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}
.app .cashPlanner .menuNavAndStep {
	padding-left: 15px;
}
.app .cashPlanner .btn.discountBy {
	 border-radius: 0px;
}
.app .cashPlanner .btn.discountBy:first-child {
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.app .cashPlanner .btn.discountBy:last-child {
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.app .cashPlanner .btn.discountBy.btn-selected {
	 background-color: #007bc2;
	 border-color: #007bc2;
	 color: #fff;
}
.app .cashPlanner .btn.discountBy.btn-not-selected {
	 background-color: #fff;
	 border-color: #d9e2e8;
}
.app .cashPlanner .dueDate .card.col-sm-4 {
	padding-right: 7px; 
	padding-left: 9px; 
	margin-bottom: 16px;
} 
.app .cashPlanner .dueDate .card.col-sm-4.rowLastCard {
	padding-right: 9px;
} 
.app .cashPlanner .card .jumbotron.dueDateCard {
	 border: 1px solid;
	 border-color: #d9e2e8;
	 min-height: 86px;
	 max-height: 86px;
}
.app .cashPlanner .card .media.maturityDate {
	 min-height : 16px;
	 font-size: 12px;
	 color: #727272;
}
.app .cashPlanner .card .media.maturityDate .media-body span:first-child{
	 margin-right: 5px;
}
.app .cashPlanner .card .media.amount span:first-child {
	 font-size: 16px;
}
.app .cashPlanner .card .media.amount span:last-child {
	 font-size: 18px;
	 color: #282828;
	 font-weight: bold;
}
.app .cashPlanner .card .media.daysToMaturity {
	margin-bottom: 8px;
    margin-top: 8px;
}
.app .cashPlanner .card .media.daysToMaturity span:first-child {
	 font-size: 12px;
}
.app .cashPlanner .card .media.daysToMaturity span:last-child{
	 font-size: 14px;
	 color: #282828;
	 font-weight: bold;
}
/*reviewAndConfirm style*/
.app .cashPlanner .reviewAndConfirm .panel-heading {
	padding: 48px 16px 24px 16px;
	font-size: 18px;
	font-weight: normal;
	color: #727272;
}
.app .cashPlanner .reviewAndConfirm .panel-body {
	min-height: 339px;
}
.app .cashPlanner .reviewAndConfirm .panel-body .ui-grid-header {
	border: none;
}
.app .cashPlanner .reviewAndConfirm .panel-body .ui-grid-header .ui-grid-header-cell [role="columnheader"] [role="button"]{
	font-size: 14px;
	font-weight: normal;
	color: #727272;
} 
.app .cashPlanner .reviewAndConfirm .panel-body .ui-grid-canvas .ui-grid-row .ui-grid-cell .ui-grid-cell-contents{
	font-size: 18px;
	font-weight: bold;
	color: #282828;
} 
.app .cashPlanner .cashplanner-bottom .settlermentAmt {
	font-size: 14px;
	font-weight: bold;
	color: #282828;
    margin-right: 50px;
	
}
.app .cashPlanner .cashplanner-bottom .ccy {
	margin-right: 5px;
}
.app .cashPlanner .cashplanner-bottom .ccy,
.app .cashPlanner .cashplanner-bottom .amt {
	font-size: 18px;
	font-weight: bold;
	color: #007bc2;
}
/*cashplanner review link style*/
.app .cashPlanner-review-link{
	display: block;
	padding-top: 8px;
	padding-left: 8px;
	width : 20px;
	white-space:nowrap; 
}
/*popup discount charge table style*/
.app .discountcharge-table{
	width: 100%;
}
.app .dicountchange-heading{
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
	color: #53565a;
}
.app .discountcharge-table tr:first-child{
	border-top: 1px solid #d9e2e8;
}

.app .discountcharge-table tr td:first-child{
	padding-left: 8px;
}
.app .discountcharge-table tr td:last-child{
	padding-right: 8px;
}
.app .discountcharge-table tr{
	font-size: 14px;
	line-height : 36px;
	font-weight: normal;
    color: rgba(114, 114, 114, 0.8);
	border-bottom: 1px solid #d9e2e8;
}
.app .discountcharge-table tr td span{
	display: block;
	font-size: 14px;
	text-align: right;
	color: #282828;
}
.app .discountcharge-table tr:last-child{
	font-size: 14px;
	color: #282828;
	font-weight: bold;
    background-color: rgba(251, 130, 56, 0.4);
}
/*popup finance request table style*/

.app .finance-btn-padding{
    padding: 4px 12px;
    max-height: 32px !important;
    min-height: 32px !important;
}
.app .financerequest-table-margin .panel{
 	margin-bottom: 0px;
}
.app .financerequest-payment .ui-grid{
	border: 0px solid #d9e2e8;
	box-sizing: content-box;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.app .financerequest-top-spacing{
	padding: 9px;
}
.app .financerequest-title{
	font-size: 24px;
	color: #53565a;
	line-height: 64px;
	text-align: center;
	font-weight: 700;
}
.app .financerequest-table1{
	width: 100%;
}
.app .financerequest-table1 tr{
	font-size: 14px;
	font-weight: 500;
	color: #282828;
	border-top: 2px solid #edf3f8;
	text-align: left;
}
.app .financerequest-table1 tr td:nth-child(even){
	word-wrap: break-word;
    word-break: break-word;
  	white-space: normal; 
}
.app .financerequest-table1 tr td:nth-child(odd){
 	padding-left: 12px;
  	white-space:nowrap; 
}
.app .financerequest-table1 tr td div{
	line-height: 1.25;
	padding-top: 16px;
	padding-bottom: 16px;
}
.app .financerequest-table1 tr td div span{
	font-size: 18px;
	font-weight: 500;
	color: #007bc2;
}
.app .financerequest-table1 tr td div{
	margin-left: 24px;
}  
.app .financerequest-table2{
	width: 100%;
}
.app .financerequest-table2 tr td:nth-child(odd){
	padding-left: 12px;
}
.app .financerequest-table2 tr:not(:first-child) td,
.app .financerequest-table2 tr:not(:last-child) td
{
	padding-bottom: 6px;
	padding-top: 6px;
}
.app .financerequest-table2 tr:first-child td{
	padding-top: 24px;
	padding-bottom: 6px;
}
.app .financerequest-table2 tr:last-child td{
	padding-top: 6px;
	padding-bottom: 24px;
}
.app .financerequest-table2 tr:first-child{
	border-top: 1px solid #d9e2e8;
}
.app .financerequest-table2 tr:last-child{
	border-bottom: 1px solid #d9e2e8;
}
.app .financerequest-table2 tr{
	font-size: 14px;
	color: #727272;
	text-align: left;
}
.app .financerequest-table2 tr td{
	word-wrap: break-word;
    word-break: break-word;
  	white-space: normal;
}
.app .financerequest-table2 tr td span{
	font-size: 14px;
	color: #282828;
	float: right;
	font-weight: 500;
	padding-right: 12px;
}
.app .financerequest-table-margin{
	margin-left: 24px; 
	margin-right: 24px;
}
.app .financerequest-table{
	width: 100%;
}
.app .financerequest-subdata{
	border-bottom: 1px solid #d9e2e8;
	background-color: #EDF3F8;
}
.app .financerequest-subdata td{
	padding: 0px 4px 12px 4px;
}
.app .financerequest-subdata td div span{
	font-size: 18px;
	color: #282828;
	font-weight: 500;
	line-height : 18px;
}
.app .financerequest-subdata td div{
	word-wrap: break-word;
    word-break: break-word;
  	white-space: normal; 
}
.app .financerequest-subtitle{
	background-color: #EDF3F8;
}
.app .financerequest-subtitle td{
	padding: 8px 4px;
}
.app .financerequest-subtitle td:first-child div i{
	position: relative;
	top: 12px;
	right: 24px;
} 
.app .financerequest-subtitle td:first-child div span{
	position: relative;
	right: 16px;
} 
.app .financerequest-subtitle td div span{
	font-size: 12px;
	color: #727272;
	line-height : 14px;
}
.app .financerequest-maindata{
	border-bottom: 1px solid #d9e2e8;
}
.app .financerequest-maindata td div{
  	word-wrap: break-word;
    word-break: break-word;
  	white-space: normal;
  	padding: 11px 4px 11px 4px; 
}

.app .financerequest-maindata td div span{
	font-size: 12px;
	color: #282828;
	font-family: "Interstate", Arial, sans-serif;
}
.app .financerequest-maintitle{
  	border-bottom: 1px solid #d9e2e8;
}
.app .financerequest-maintitle td:not(:first-child){
  	padding: 8px 4px 24px 4px;
}
.app .financerequest-maintitle td:first-child{
  	padding: 8px 4px 24px 6px;
}
.app .financerequest-maintitle td div span{
  	color: #002d72;
  	font-weight: bold;
  	font-size: 14px;
  	font-family: "Interstate", Arial, sans-serif;
}
.app .financerequest-main-table tr:nth-child(even){
	background-color: #f5f5f5;
}
.app .financerequest-payment .ui-grid-header .ui-grid-header-cell.hover {
	background-color: #fff !important;
	border-right: 4px solid #fff !important;
}
.app .panel-heading-nobold{
	font-size: 18px;
	color: #53565a;
}
.app .financerequest-info{
	padding-left: 15px;
	padding-bottom: 15px;
}
.app .reviewAndConfirm-title{
	font-size: 24px;
}
.app .cashPlanner-summaryTable {
	margin : auto;
}
.app .cashPlanner-summaryTable tr{
	line-height: 18px;
}
.app .cashPlanner-summaryTable tr:last-child{
	font-size: 14px;
	color: #282828;
	font-weight: bold;
}
.app .cashPlanner-summaryTable tr:last-child span{
	font-size: 18px;
	color: #007bc2;
	font-weight: bold;

}
.app .cashPlanner-summaryTable tr td{
 	padding-left: 24px;
}
/*latestActivity Report css*/
.app .latest-view .col-sm-12 > div,
.app .latest-view .col-sm-12 > div:last-child >div,
.app .latest-view .input-group-addon,
.app .latest-view .input-group-btn {
	display: inline-block;
}
.app .latest-view .form-control.input-sm {
	width: 95px;
	display:inline;
}
.app .latest-view .form-control.input-sm[placeholder] {
	width: 70px;
	display:inline;
}
.app .latest-view .dropdown-menu {
	min-width:95px;
}
.app .latest-view .input-group {
	display: block;
}
.app .latest-view .col-sm-12,
.app .latest-balance {
	padding-left: 0px;
}
.app .latest-balance .report-amount h5{
	margin-top: 5px;
}
.app .ui-grid-cell .ng-binding .icon {
	font-size: 21px; 
	color:#002d72;
}
.app .selected-row .ui-grid-cell .ng-binding .icon {
	color:white;
}
.app .ui-grid-cell .operationRowHeader .btn .icon:not(.icon-remove) {
    font-size: 21px;
}

/*cashplanner preview css*/

.app .buttonBottomClear .content-middle {
	position: relative;
	top: 8px;
}
.app .cashPlanner .reviewAndConfirm .cashplanner-preview {
	padding:24px 16px 9px 24px;
	
}
.app .cashPlanner .reviewAndConfirm .cashplanner-preview .ui-grid-header {
	border: none;
}
.app .cashPlanner .reviewAndConfirm .cashplanner-preview .ui-grid-header .ui-grid-header-cell [role="columnheader"] [role="button"]{
	font-size: 14px;
	font-weight: normal;
	color: #727272;
} 
.app .cashPlanner .reviewAndConfirm .cashplanner-preview .ui-grid-canvas .ui-grid-row .ui-grid-cell .ui-grid-cell-contents{
	font-size: 18px;
	font-weight: bold;
	color: #282828;
} 
/*popup discount info css*/
.app .discount-info{
	background-color: #ffff;
	height: 400px;
}
.app .discount-info-padding{
	padding: 16px 16px 16px 8px;
}
.app .discount-info-background{
	background-color: #ffff;
}
.app .discount-info-title{
	font-size: 18px;
	color: #53565a;
	font-weight: 500;
}
/*discount reserve*/
.app .reserve-panel .text-left h6{
	margin-top: 10px;
	margin-bottom: 5px;
} 
.app .reserve-panel .report-amount h5{
	margin-top: 0px;
	margin-bottom: 5px;
}
.app .reserve-panel .report-amount h5:first-child {
	color: #007bc2;
}
.app .reserve-panel .reserve-panel-body{
	float: left;
	padding-left: 16px;
	padding-right: 16px;
} 
/*due date*/
.app .duedate-maturitydate{
	font-size: 14px;
	color: #282828;
}
/*finance request init*/
.app .financerequestinit-panelbody{
	padding: 16px;
}
.app .cashmovement-back-button {
	padding-left: 0;
}
/*popup show agreement */
.app .showagreement textarea{
    background-color: #ffff;
}

